/**
*	使用了此class之后，此元素的after和before就不能再使用
*	线是基于after和before
*   线的颜色是默认的，如果修改只能从外部重新覆盖此元素的after和before的border
*/

@import "../../common/config.scss";
.aui-line{
	position: relative;
	overflow: hidden;
	&:after{
		position: absolute;
        pointer-events: none;
        content: "";
        width: 200%;
        height: 200%;  
        top: 0;
        left: 0;
        transform-origin: 0 0;
        transform: scale(0.5);
        z-index: 9;
	}

	&--radius{
		border-radius: 4px;
        border: solid 1px $lineColor;
	}
}


$lineDir: top, left, bottom, right, leftright, topbottom, all;
@each $value in $lineDir{
    .aui-line--#{$value}{
    	@extend .aui-line;
        &:after{
            @if $value == top {
                border-top: solid 1px $lineColor;
            } @else if $value == bottom {
                border-bottom: solid 1px $lineColor;
            } @else if $value == left {
                border-left: solid 1px $lineColor;
            } @else if $value == right {
                border-right: solid 1px $lineColor; 
            } @else if $value == leftright {
                border-left: solid 1px $lineColor;
                border-right: solid 1px $lineColor;
            }@else if $value == topbottom {
                border-top: solid 1px $lineColor;
                border-bottom: solid 1px $lineColor;
            }@else if $value == all {
                border: solid 1px $lineColor;
            }
        }
    }
}